<div class="wrap">
<h2>Theme Width</h2>
<form method="post" action="options.php">
<?php wp_nonce_field('update-options'); ?>
<?php settings_fields('docwidth'); ?>
<table class="form-table">
<tr valign="top">
<th scope="row">Doc Width:</th>
<td>
	<select name="doc_width_id">
		<option value="doc" <?php if(get_option("doc_width_id") == "doc") echo "selected='selected';" ?>>750px</option>
		<option value="doc2" <?php if(get_option("doc_width_id") == "doc2") echo "selected='selected';" ?>>950px</option>
		<option value="doc3" <?php if(get_option("doc_width_id") == "doc3") echo "selected='selected';" ?>>100%</option>
		<option value="doc4" <?php if(get_option("doc_width_id") == "doc4") echo "selected='selected';" ?>>974px</option>
	</select>
</tr>
<tr>
<th scope="row"></th>
<td>
	* 100% is actually not 100% width. There'is a 10px width space between the edge of the browser and content. If you have a problem with that, go change the style.css.<br/>
	* 750px/950px/974px may not be EXACTLY 750px/950px/974px, and it's a great feature. Because based on the YUI2, grids rely on the width of an "em". So a normal user will get a 750px width content. While users who set BIGGER FONT SIZE will get a widder content.
</td>
</tr>

<tr valign="top">
<th scope="row">Sidebar:</th>
<td>
	<select name="temp_preset_id">
		<option value="yui-t1" <?php if(get_option("temp_preset_id") == "yui-t1") echo "selected='selected';" ?>>160 on left</option>
		<option value="yui-t2" <?php if(get_option("temp_preset_id") == "yui-t2") echo "selected='selected';" ?>>180 on left</option>
		<option value="yui-t3" <?php if(get_option("temp_preset_id") == "yui-t3") echo "selected='selected';" ?>>300 on left</option>
		<option value="yui-t4" <?php if(get_option("temp_preset_id") == "yui-t4") echo "selected='selected';" ?>>180 on right</option>
		<option value="yui-t5" <?php if(get_option("temp_preset_id") == "yui-t5") echo "selected='selected';" ?>>240 on right</option>
		<option value="yui-t6" <?php if(get_option("temp_preset_id") == "yui-t6") echo "selected='selected';" ?>>300 on right</option>
	</select>
</tr>
<tr>
<th scope="row"></th>
<td>
	* Most web pages have a main block of content and a secondary block of content. The "template" part of Grids allows you to choose the orientation of these blocks (does the narrow one go on the left or the right), as well as the fixed width of the secondary (narrow) block. The main block will take the remaining available space, which varies depending on the overall page width. -- YUI2

</td>
</tr>

<tr>
<th scope="row"></th>
<td>
	* FYI: <a href="http://developer.yahoo.com/yui/grids/">http://developer.yahoo.com/yui/grids/</a>
</td>
</tr>



</table>
<input type="hidden" name="action" value="update" />

<p class="submit">
<input type="submit" class="button-primary" value="<?php _e('Save Changes') ?>" />
</p>
</form>
</div>
